<!DOCTYPE html>
<html>
<head lang="en">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    {% load static from staticfiles %}
    <title></title>
    <link rel="stylesheet" type="text/css" href="{% static "js/ueditor/themes/default/css/ueditor.min.css" %}">
    <script type="text/javascript" src="{% static "js/ueditor/ueditor.config.js" %}"></script>
    <script type="text/javascript" src="{% static "js/ueditor/ueditor.all.min.js" %}"></script>
    <script type="text/javascript" src="{% static "js/jquery.min.js" %}"></script>
    <script type="text/javascript" src="{% static "js/App.js" %}"></script>
    <script>
        $(function () {
            $('#testid').bind('click', function (event) {
                var p = { func: 'getArticleCont',
                    ex_parm: {
                        articleId:'1'
                    }
                };
                $.ajax({
                    url: {% url 'ajax' %},
                    data: {jpargs: JSON.stringify(p)}
                });
            });
        });
    </script>
</head>
<body>
{% csrf_token %}
<textarea id="content" name="content" style="width:575px;line-height:18px;"></textarea>
<script>
    var ue = new UE.ui.Editor();
    ue.render('content');
</script>

<button id="testid">testbutton</button>

</body>
</html>